$(function(){
    function initTableCheckbox() {
        var $thr = $('table thead tr');
        var $checkAllTh = $('<th width="5%" style="padding-left:20px;" ><input type="checkbox" id="checkAll" name="checkAll" /></th>');
        $thr.prepend($checkAllTh);
        var $checkAll = $thr.find('input');
        $checkAll.click(function(event){
            $tbr.find('input').prop('checked',$(this).prop('checked'));
            if ($(this).prop('checked')) {
                $tbr.find('input').parent().parent().addClass('warning');
            } else{
                $tbr.find('input').parent().parent().removeClass('warning');
            }
            event.stopPropagation();
        });
        
        $checkAllTh.click(function(){
            $(this).find('input').click();
        });
        var $tbr = $('table tbody tr');
        var $checkItemTd = $('<td style="padding-left:20px;" ><input type="checkbox" name="checkItem" /></td>');
        $tbr.prepend($checkItemTd);
        $tbr.find('input').click(function(event){
        $(this).parent().parent().toggleClass('warning');
        
        $checkAll.prop('checked',$tbr.find('input:checked').length == $tbr.length ? true : false);
            event.stopPropagation();
        });

        $tbr.click(function(){
            $(this).find('input').click();
        });
    }
    /*wcz*/
    initTableCheckbox();
});